@media only screen and (max-width: 1200px) {
*{
	box-sizing: border-box;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.wrapper{
	padding-bottom: 50px;
	overflow: hidden;
}
.article {
	line-height: 24px;
	font-size: 14px;
}
.header {
	height: 50px;
	z-index: 105;
	top: 0px;
	position: fixed;
}
.header .logo{
	width: 136px;
	height: 32px;
	margin-top: 9px;
	margin-left: 14px;
}
.header .menuBtn {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.header .menuBtn span {
	width: 28px;
	height: 3px;
	background: #fff;
	border-radius: 2px;
	position: absolute;
	left: 12px;
	top: 23px;
	z-index: 2;
	transition: 0.8s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-ms-transition: 0.8s;
	-o-transition: 0.8s;
}
.header .menuBtn span.line1 {
	top: 14px;
}
.header .menuBtn span.line3 {
	top: 32px;
}
.header .nav {
	width: 200px;
	float: right;
	position: fixed;
	right: -200px;
	top: 0;
	bottom: 0;
	z-index: 105;
	background: #fff;
	overflow: auto;
}
.header .nav > ul > li {
	width: 100%;
	float: none;
	background: none;
	padding: 0;
}
.header .nav > ul > li:hover >a,
.header .nav > ul > li > a {
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	padding: 0;
	border-bottom: solid 1px #ccc;
	color: #575757;
}
.header .nav > ul > li span {
	height: 60px;
	line-height: 60px;
}
.header .nav > ul > li.on > a span:first-child,
.header .nav > ul > li:hover > a span:first-child {
	margin-top: 0px;
}
.header .nav > ul > li.on > a {
	border-bottom: solid 1px #016aab;
}
.header .nav > ul > li.on > a span:first-child {
	margin-top: -60px;
}
.header .nav > ul > li.on > a::after,
.header .nav > ul > li:hover > a::after,
.header .nav:hover > ul > li > a:hover::after,
.header .nav:hover > ul > li.on > a::after {
	width: 0;
}
.header .nav .sub {
	display: none;
	position: static;
	top: 0;
	left: 0;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-ms-transform: translate(0%,0%);
	-o-transform: translate(0%,0%);
}
.header .nav .sub ul{
	display: block;
	margin: 0;
}
.header .nav .sub ul li{
	width: 100%;
	padding: 0;
}
.header .nav .sub ul li a {
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-bottom: solid 1px #ccc;
}
.wrapper.shiftLeft {
	margin-left: -200px;
}
.wrapper.shiftLeft .header {
	left: -200px;
	z-index: 105;
}
.wrapper.shiftLeft .header .nav {
	right: 0;
}
.wrapper.shiftLeft .menuBtn span.line1 {
	top: 23px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.wrapper.shiftLeft .menuBtn span.line2 {
	display: none;
}
.wrapper.shiftLeft .menuBtn span.line3 {
	top: 23px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
.wrapper,
.wrapper .header,
.wrapper .header .nav {
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.footer {
	padding-top: 14px;
}
.footer .linkList {
	display: none;
}
.footer .contact {
	line-height: 20px;
	padding: 14px 14px 0 14px;
	box-sizing: border-box;
	font-size: 14px;
}
.footer .contact a {
	font-size: 14px;
}
.footer .contact a:hover {
	color: #999999;
}
.footer .qrcode {
	float: none;
	width: 138px;
	min-height: auto;
	border-left: none;
	padding-left: 0;
	margin: 0 auto;
}
.footer .qrcode .text {
	line-height: 20px;
	font-size: 14px;
}
.footer .copyright {
	line-height: 20px;
	padding: 12px 14px;
	box-sizing: border-box;
	margin-top: 14px;
	text-align: center;
	font-size: 14px;
}
.footer .copyright .r,
.footer .copyright .l{
	float: none;
}
.footer .copyright a {
	font-size: 14px;
}
.footer .copyright a:hover {
	color: #9f9f9f;
}
.footerNav{
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 50px;
	background: #016aab;
}
.footerNav li{
	width: 25%;
	float: left;
	border-left: solid 1px #00568b;
	box-sizing: border-box;
}
.footerNav li:first-child{
	border-left: none;
}
.footerNav li a{
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.main .banner .pic2{
	display: block;
}
.main .banner .pic1{
	display: none;
}
.main .banner .swiper-pagination {
	bottom: 5px;
}
.main .banner .swiper-pagination .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	margin: 0 5px;
}
.main .banner .swiper-button-next,
.main .banner .swiper-button-prev {
	display: none;
}
.main .columnTitle .tit {
	line-height: 30px;
	font-size: 22px;
}
.main .columnTitle .line {
	width: 26px;
	height: 2px;
	margin: 8px auto;
}
.main .columnTitle .txt {
	line-height: 16px;
	font-size: 12px;
}
.main .service {
	padding: 30px 7px 20px 7px;
	box-sizing: border-box;
}
.main .service ul {
	margin-top: 20px;
}
.main .service ul li {
	width: 50%;
	margin: 0 0 14px 0;
	padding: 0 7px;
}
.main .service ul li a {
	width: 100%;
	padding: 14px 0;
}
.main .service ul li a:hover {
	background: none;
	border: solid 1px #e2e2e2;
}
.main .service ul li a:hover .icon1 {
	display: block;
}
.main .service ul li a:hover .icon2 {
	display: none;
}
.main .service ul li a:hover .txt2{
	color: #999999;
}
.main .service ul li a:hover .txt1 {
	color: #333333;
}
.main .service ul li .icon2,
.main .service ul li .icon1 {
	height: 60px;
	margin-top: 0px;
}
.main .service ul li .icon2 {
	display: none;
}
.main .service ul li .txt1 {
	line-height: 20px;
	font-size: 16px;
	margin-top: 5px;
}
.main .service ul li .txt2 {
	line-height: 20px;
	font-size: 12px;
	margin-top: 0px;
}

.main .service .swiper-container {
  margin-top: 20px;
}
.main .service .swiper-slide{
	width: 220px;
}
.main .service .swiper-slide .head {
  padding: 20px 10px;
}
.main .service .swiper-slide .head .p1 {
  font-size: 18px;
}
.main .service .swiper-slide .head .p2 {
  font-size: 16px;
  margin-top: 8px;
}
.main .service .swiper-slide .head .p2 span {
  font-size: 12px;
}
.main .service .swiper-slide .bottom {
  height: 150px;
  padding-bottom: 26px;
}
.main .service .swiper-slide .bottom img{
	height: 50px;
}
.main .service .swiper-slide .bottom .txt {
  padding: 0 20px 0 18px;
}

.main .introduction {
	background-attachment: scroll;
	background-position: center;
	padding: 30px 14px;
	box-sizing: border-box;
}
.main .introduction .text {
	line-height: 30px;
	font-size: 16px;
	margin: 22px auto 0 auto;
}
.main .introduction .more {
	width: 126px;
	height: 40px;
	line-height: 40px;
	text-indent: 43px;
	margin: 18px auto 0 auto;
}
.main .introduction .more span {
	font-size: 14px;
	background: url(../images/more1.png) no-repeat 20px center;
}
.main .introduction .more:hover span {
	background-image: url(../images/more1.png);
	color: #fff;
}
.main .introduction .more:hover::after {
	width: 0;
}
.main .introduction .more::after {
	display: none;
}
.main .introduction .list {
	margin-top: 28px;
}
.main .introduction .list li {
	width: 50%;
	padding: 14px 0;
	border-bottom: solid 1px #fff;
}
.main .introduction .list li:nth-child(2n+1){
	border-left: none;
}
.main .introduction .list li:nth-last-child(2),
.main .introduction .list li:nth-last-child(1){
	border-bottom: none;
}
.main .introduction .list li .icon {
	height: 30px;
}
.main .introduction .list li .txt {
	line-height: 20px;
	font-size: 14px;
	margin-top: 10px;
}
.main .employees {
	padding: 30px 0;
}
.main .employees ul {
	margin-top: 30px;
}
.main .employees ul li {
	width: 50%;
	margin-bottom: 20px;
}
/*.main .employees ul li:last-child{
	width: 100%;
	margin-bottom: 0;
}*/
.main .employees ul li a:hover .pic {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
}
.main .employees ul li .pic {
	width: 130px;
	height: 130px;
}
.main .employees ul li .txt1 {
	line-height: 24px;
	font-size: 18px;
	margin-top: 10px;
}
.main .employees ul li .txt2 {
	line-height: 20px;
	font-size: 14px;
	margin-top: 0px;
}
.main .news {
	padding: 30px 14px;
	box-sizing: border-box;
}
.main .news ul {
	margin-top: 28px;
}
.main .news ul li {
	margin-left: 0px;
	width: 100%;
	margin-bottom: 14px;
}
.main .news ul li a:hover {
	background: #fff;
	border: solid 1px #e6e6e6;
}
.main .news ul li a:hover .pic img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.main .news ul li a:hover .more{
	color: #999999;
}
.main .news ul li a:hover .tit{
	color: #333333;
}
.main .news ul li a:hover .date,
.main .news ul li a:hover .txt {
	color: #666666;
}
.main .news ul li a:hover .date {
	background-image: url(../images/date1.png);
}
.main .news ul li a:hover .line {
	background-image: url(../images/news_line1.png);
}
.main .news ul li a:hover .more {
	opacity: 1;
}
.main .news ul li .pic {
	height: auto;
}
.main .news .moreBnt {
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-indent: 18px;
	font-size: 14px;
	margin: 10px auto 0 auto;
	background-position: right 14px center;
	background-size: 20px 20px;
}
.main .news .moreBnt:hover {
	background-position: right 14px center;
	background-color: #016aab;
}
.main .news ul li a {
	max-width: 387px;
	margin: 0 auto;
	padding: 19px;
}
@media only screen and (max-width: 420px){
	.main .news ul li a {
		width: 100%;
		padding: 10px;
	}
	.main .news ul li .tit {
		font-size: 16px;
		margin-top: 10px;
	}
	.main .news ul li .date {
		margin-top: 8px;
	}
	.main .news ul li .line {
		margin: 10px 0;
	}
	.main .news ul li .txt {
		height: 44px;
		line-height: 22px;
	}
	.main .news ul li .more {
		line-height: 20px;
		font-size: 14px;
		margin-top: 12px;
	}
}
.container {
	margin-top: 50px;
}
.container .banner .pic1 {
	display: none;
}
.container .banner .pic2{
	display: block;
}
.container .columnMenu {
	margin-top: 0px;
	position: relative;
}
.container .columnMenu .tit {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: url(../images/arrow2.png) no-repeat right 20px center #016aab;
	font-size: 16px;
	color: #fff;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.container .columnMenu .tit.on{
	background-image: url(../images/arrow3.png);
}
.container .columnMenu ul {
	display: block;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 15;
	width: 100%;
	display: none;
}
.container .columnMenu ul li {
	float: none;
	margin: 0;
	border-top: solid 1px #eee;
}
.container .columnMenu ul li a:hover{
	color: #333333;
	background: #dfdfdf;
}
.container .columnMenu ul li.on a {
	color: #016aab;
	background: #dfdfdf;
}
.container .columnMenu ul li a {
	height: 44px;
	line-height: 44px;
}
.container .columnMenu.col1 ul,
.container .columnMenu.col2 ul,
.container .columnMenu.col3 ul,
.container .columnMenu.col4 ul,
.container .columnMenu.col5 ul,
.container .columnMenu.col6 ul,
.container .columnMenu.col7 ul,
.container .columnMenu.col8 ul {
	display: none;
}
.container .columnMenu.col1 ul li,
.container .columnMenu.col2 ul li,
.container .columnMenu.col3 ul li,
.container .columnMenu.col4 ul li,
.container .columnMenu.col5 ul li,
.container .columnMenu.col6 ul li,
.container .columnMenu.col7 ul li,
.container .columnMenu.col8 ul li {
	width: 100%;
	padding: 0;
	margin: 0;
}
.container .columnMenu.col1 ul li a,
.container .columnMenu.col2 ul li a,
.container .columnMenu.col3 ul li a,
.container .columnMenu.col4 ul li a,
.container .columnMenu.col5 ul li a,
.container .columnMenu.col6 ul li a,
.container .columnMenu.col7 ul li a,
.container .columnMenu.col8 ul li a {
	width: 100%;
	padding: 0;
}
.container .columnMenu.col1 ul li ,
.container .columnMenu.col2 ul li ,
.container .columnMenu.col3 ul li ,
.container .columnMenu.col4 ul li ,
.container .columnMenu.col5 ul li ,
.container .columnMenu.col6 ul li ,
.container .columnMenu.col7 ul li ,
.container .columnMenu.col8 ul li {
	width: 100%;
}


.container .subMenu {
	margin-top: 20px;
	padding: 0 10px;
	box-sizing: border-box;
	position: relative;
}
.container .subMenu .tit {
	display: block;
	background: url(../images/arrow2.png) no-repeat right 14px center #ccc;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #333;
}
.container .subMenu .tit.on{
	background-image: url(../images/arrow3.png);
}
.container .subMenu ul {
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 10;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
.container .subMenu ul li {
	width: 100%;
	margin: 0;
	padding: 0;
}
.container .subMenu ul li a{
	background: #fff;
	border-radius: 0;
	border-top: none;
	box-sizing: border-box;
}
.container .subMenu ul li a:hover{
	background: #fff;
	color: #333333;
	border: solid 1px #ccc;
	border-top: none;
}
.container .subMenu ul li.on a {
	background: #016aab;
	color: #fff;
}














.container .columnTitle {
	padding: 20px 0;
}
.container .columnTitle .tit {
	line-height: 22px;
	font-size: 18px;
}
.container .columnTitle .en {
	line-height: 18px;
	font-size: 14px;
	margin-top: 2px;
}
@media only screen and (max-width: 340px){
	.container .paging ul li:last-child,
	.container .paging ul li:first-child{
		display: none;
	}
}
.aboutPage .introduction {
	padding: 30px 14px;
	box-sizing: border-box;
}
.aboutPage .introduction .tit {
	line-height: 30px;
	font-size: 25px;
	color: #333333;
	margin: 14px 0 20px 0;
}
.aboutPage .introduction .picBox {
	max-width: 100%;
	padding: 0 20px 10px 0;
	box-sizing: border-box;
	margin: 0;
}
.aboutPage .introduction .picBox .box {
	display: none;
}
.aboutPage .introduction .picBox .pic {
	max-width: 498px;
	width: 100%;
}
@media only screen and (max-width: 500px){
	.aboutPage .introduction .picBox {
		padding: 0;
		margin-bottom: 20px;
	}
}
.aboutPage .history {
	padding: 4px 0 4px 0;
	margin: 40px auto;
	max-width: 600px;
	width: 100%;
}
.aboutPage .history .line {
	left: 10px;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%);
	-moz-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
	-o-transform: translate(0%, 0%);
}
.aboutPage .history li {
	margin: 40px 0;
}
.aboutPage .history li:hover .text {
	background: none;
	color: #333333;
}
.aboutPage .history li .years {
	margin: 0;
	width: 100%;
	float: none;
	padding-left: 80px;
	box-sizing: border-box;
}
.aboutPage .history li .years .pic {
	width: 245px;
	float: left;
	margin-top: 10px;
}
.aboutPage .history li .years .txt {
	width: 100%;
	line-height: 24px;
	font-size: 20px;
	margin: 0px;
}
.aboutPage .history li .text {
	width: 100%;
	position: static;
	left: 0;
	top: 0;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%);
	-moz-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
	-o-transform: translate(0%, 0%);
	padding: 12px 0 0 80px;
	box-sizing: border-box;
	text-align: left;
	line-height: 24px;
	font-size: 14px;
	clear: both;
}
.aboutPage .history li .icon {
	width: 26px;
	height: 26px;
	left: 41px;
	top: 50%;
}
.aboutPage .history li:nth-child(even) .years {
	margin: 0;
	float: left;
}
.aboutPage .history li:nth-child(even) .years .txt {
	margin: 0px;
}
.aboutPage .history li:nth-child(even) .text {
	width: 100%
}
.aboutPage .honor {
	padding: 30px 0;
	box-sizing: border-box;
	max-width: 900px;
	margin: 0 auto;
}
.aboutPage .honor .paging {
	margin-top: 0px;
}
.aboutPage .honor figure:nth-child(4n+1),
.aboutPage .honor figure {
	margin: 0 0 30px 30px;
}
.aboutPage .honor figure:nth-child(3n+1) {
	margin-left: 0;
}
.aboutPage .honor figure:hover img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
@media only screen and (max-width: 900px){
	.aboutPage .honor {
		max-width: 590px;
	}
	.aboutPage .honor figure:nth-child(3n+1),
	.aboutPage .honor figure:nth-child(4n+1),
	.aboutPage .honor figure {
		margin: 0 0 30px 30px;
	}
	.aboutPage .honor figure:nth-child(2n+1) {
		margin-left: 0;
	}
}
@media only screen and (max-width: 600px){
	.aboutPage .honor {
		width: 100%;
		padding: 30px 7px;
	}
	.aboutPage .honor figure:nth-child(2n+1),
	.aboutPage .honor figure:nth-child(3n+1),
	.aboutPage .honor figure:nth-child(4n+1),
	.aboutPage .honor figure {
		width: 50%;
		margin: 0 0 14px 0;
		padding: 0 7px;
		box-sizing: border-box;
	}
	.aboutPage .honor figure .pic {
		height: auto;
	}
	.aboutPage .honor .paging {
		margin-top: 10px;
	}
}
.aboutPage .culture {
	padding: 30px 14px;
	box-sizing: border-box;
}
.aboutPage .culture li {
	max-width: 800px;
	width: 100%;
	float: none;
	margin: 0 auto;
	background: #ededed;
}
.aboutPage .culture li:hover .text {
	background: #ededed;
}
.aboutPage .culture li:hover .text .p2,
.aboutPage .culture li:hover .text .p1 {
	color: #333333;
}
.aboutPage .culture li:hover .text .icon1 {
	display: block;
}
.aboutPage .culture li:hover .text .icon2 {
	display: none;
}
.aboutPage .culture li:hover .text::after {
	background-image: url(../images/triangle3.png);
}
.aboutPage .culture li .pic {
	width: 50%;
	height: auto;
	float: left;
}
.aboutPage .culture li .text {
	width: 50%;
	height: auto;
	padding: 0px 30px;
	position: absolute;
	right: 0;
	top:50%;
	transform: translate(0%,-50%);
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	z-index: 5;
}
.aboutPage .culture li:nth-child(2) .text::after,
.aboutPage .culture li .text::after {
	width: 10px;
	height: 21px;
	left: -10px;
	top: 50%;
	background: url(../images/triangle3.png) no-repeat;
	transform: translate(0%,-50%);
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
}
.aboutPage .culture li:nth-child(4) {
	max-width: 800px;
	width: 100%;
}
.aboutPage .culture li:nth-child(even) .pic{
	float: right;
}
.aboutPage .culture li:nth-child(even) .text{
	text-align: right;
	left: 0;
	right: auto;
}
.aboutPage .culture li:nth-child(even):hover .text::after ,
.aboutPage .culture li:nth-child(even) .text::after {
	left: auto;
	right: -10px;
	top: 50%;
	background: url(../images/triangle7.png) no-repeat;
	transform: translate(0%,-50%);
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
}
.aboutPage .culture li:last-child .pic{
	width: 100%;
	height: auto;
}
.aboutPage .culture li:last-child .text {
	position: absolute;
	top: 50%;
	left: 0%;
	z-index: 4;
	background: none;
	transform: translate(0%,-50%);
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	text-align: center;
	width: 100%;
	padding: 0;
}
.aboutPage .culture li:last-child:hover .text .p2,
.aboutPage .culture li:last-child:hover .text .p1 {
	color: #fff;
}
@media only screen and (max-width: 600px) {
	.aboutPage .culture li .text{
		padding: 0 10px;
	}
	.aboutPage .culture li .text .icon1 {
		height: 40px;
	}
	.aboutPage .culture li .text .p1 {
		line-height: 20px;
		font-size: 16px;
		margin-top: 6px;
	}
	.aboutPage .culture li .text .p2 {
		line-height: 14px;
		font-size: 12px;
		margin-top: 5px;
	}

	.aboutPage .culture li:last-child .text .icon1{
		height: 96px;
	}
	.aboutPage .culture li:last-child .text .p1 {
		line-height: 28px;
		font-size: 24px;
		margin-top: 24px;
	}
	.aboutPage .culture li:last-child .text .p2 {
		line-height: 20px;
		font-size: 16px;
		margin-top: 10px;
	}
}
.servicePage {
	padding: 30px 14px;
	box-sizing: border-box;
}
.servicePage .article{
	padding: 0;
}
@media only screen and (max-width: 600px){
	.servicePage .photo {
		padding: 0;
	}
	.servicePage .photo .swiper-slide .text {
		height: 40px;
		line-height: 40px;
		padding: 0 5px;
		font-size: 14px;
	}
	.servicePage .photo .next,
	.servicePage .photo .prev {
		display: none;
	}
	.servicePage .article {
		margin-top: 30px;
	}
}
.newsPage .paging {
	margin: 30px 0;
}
.newsPage .newsList{
	padding: 0 14px;
	box-sizing: border-box;
}
.newsPage .newsList li a {
	padding: 20px 0;
}
.newsPage .newsList li a:hover {
	box-shadow: none;
}
.newsPage .newsList li a:hover .pic img{
	transform: scale(1,1);
	-webkit-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-o-transform:scale(1,1);
	-moz-transform:scale(1,1);
}
.newsPage .newsList li a:hover .text .tit {
	color: #016aab;
}
.newsPage .newsList li a:hover .text .see {
	background: #016aab;
}
@media only screen and (max-width: 750px){
	.newsPage .paging {
		margin: 20px 0;
	}
	.newsPage .newsList li a {
		padding: 14px 0;
	}
	.newsPage .newsList li .pic {
		width: 140px;
		height: 81px;
		margin-top: 2px;
	}
	.newsPage .newsList li .text {
		padding-left: 150px;
	}
	.newsPage .newsList li .text .tit {
		height: 20px;
		line-height: 20px;
		font-size: 16px;
		margin-top: 0px;
	}
	.newsPage .newsList li .text .date {
		height: 16px;
		line-height: 16px;
		font-size: 14px;
		padding-left: 16px;
		margin: 6px 0;
		background-size: 12px 12px;
	}
	.newsPage .newsList li .text .txt {
		height: 40px;
		line-height: 20px;
		font-size: 12px;
	}
	.newsPage .newsList li .text .see {
		width: 100px;
		height: 30px;
		line-height: 30px;
		margin-top: 5px;
	}
}
.newsPage .details {
	margin-top: 20px;
}
.newsPage .details .title {
	padding: 14px 14px;
	box-sizing: border-box;
}
.newsPage .details .title .tit {
	line-height: 30px;
	font-size: 22px;
}
.newsPage .details .title .info {
	margin-top: 6px;
}
.newsPage .details .title .info span {
	margin: 0 14px;
}
.newsPage .details .article {
	padding: 20px 14px;
	box-sizing: border-box;
	line-height: 24px;
	font-size: 14px;
}
.newsPage .details .prevnext {
	padding: 20px 14px;
	box-sizing: border-box;
}
.newsPage .details .prevnext a:hover {
	color: #333333;
}
@media only screen and (max-width: 750px){
	.newsPage .details .title .tit {
		line-height: 24px;
		font-size: 18px;
	}
	.newsPage .details .prevnext {
		padding: 10px 14px;
	}
	.newsPage .details .prevnext .l,
	.newsPage .details .prevnext .r {
		width: 100%;
		text-align: left;
		margin: 4px 0;
	}

}
.warehouse {
	padding: 30px 14px;
	box-sizing: border-box;
}
.warehouse .way {
	padding: 30px 0px;
}
.warehouse .way .title {
	line-height: 24px;
	font-size: 20px;
}
.warehouse .way .title span {
	margin: 10px auto 0 auto;
}
.warehouse .way ul {
	margin-top: 22px;
}
.warehouse .way li .icon {
	height: 50px;
}
.warehouse .way li .text {
	line-height: 20px;
	margin-top: 10px;
	font-size: 14px;
}
.warehouse .way li .text a {
	font-size: 14px;
}
.warehouse .contact .box {
	width: 50%;
	height: auto;
	padding-right: 5px;
	box-sizing: border-box;
}
.warehouse .contact .box:nth-child(even) {
	padding-right: 0;
	padding-left: 5px;
}
.warehouse .contact .box a:hover img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
@media only screen and (max-width: 700px){
	.warehouse .way {
		padding: 20px 0px 0 0;
	}
	.warehouse .way ul {
		margin-top: 22px;
	}
	.warehouse .way li{
		width: 100%;
		margin-bottom: 20px;
	}
	.warehouse .way li .text {
		margin-top: 6px;
	}
	.warehouse .contact .box {
		width: 100%;
		height: auto;
		padding: 0;
		margin-bottom: 10px;
	}
	.warehouse .contact .box:nth-child(even) {
		padding: 0;
		margin-bottom: 0;
	}
	.warehouse .contact .box .text .icon {
		height: 30px;
	}
	.warehouse .contact .box .text .txt {
		margin-top: 6px;
	}
}
.talentPage .recruitment .paging {
	margin: 30px 0;
}
.talentPage .recruitment .classify {
	margin-top: 10px;
}
.talentPage .recruitment .classify a {
	line-height: 30px;
	height: 30px;
	padding: 0 4px;
	font-size: 16px;
	margin: 0 20px;
}
.talentPage .recruitment .classify a:hover {
	color: #333333;
}
.talentPage .recruitment .list {
	margin-top: 20px;
}
.talentPage .recruitment .list li {
	margin-bottom: 20px;
}
.talentPage .recruitment .list li .top {
	padding: 5px 30px 5px 14px;
	background: url(../images/recruitment_icon1.png) no-repeat right 10px center #f7f7f7;
	background-size: 24px 24px;
}
.talentPage .recruitment .list li .top span {
	width: 50%;
	margin: 4px 0;
}
.talentPage .recruitment .list li .down {
	padding: 5px 14px;
}
.talentPage .recruitment .list li .down .txt {
	margin-top: 18px;
}
.casePage .paging {
	margin: 30px 0;
}
.casePage .caseList{
	padding: 0 14px;
	box-sizing: border-box;
}
.casePage .caseList li a:hover .pic img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.casePage .caseList li a:hover .text .tit {
	color: #333333;
}
@media only screen and (max-width: 800px){
	.casePage .caseList li a {
		padding: 20px 0;
	}
	.casePage .caseList li .pic {
		width: 140px;
		height: 81px;
	}
	.casePage .caseList li .satisfaction {
		width: 80px;
		line-height: 24px;
		font-size: 14px;
		margin-top: 0px;
		display: none;
	}
	.casePage .caseList li .satisfaction span {
		font-size: 20px;
	}
	.casePage .caseList li .text {
		padding: 0 0px 0 150px;
	}
	.casePage .caseList li .text .tit {
		line-height: 20px;
		height: 20px;
		font-size: 16px;
		margin-top: 0px;
	}
	.casePage .caseList li .text .date {
		height: 16px;
		line-height: 16px;
		font-size: 14px;
		color: #666666;
		padding-left: 18px;
		background-size: 12px 12px;
		margin: 4px 0;
	}
	.casePage .caseList li .text .txt {
		height: 20px;
		line-height: 20px;
		font-size: 12px;
		-webkit-line-clamp: 1;
	}
	.casePage .caseList li .text .info {
		line-height: 20px;
		margin-top: 4px;
	}
	.casePage .caseList li .text .info .address {
		padding-left: 18px;
		font-size: 12px;
		background-size: auto 14px;
		margin-right: 22px;
	}
	.casePage .caseList li .text .info .number {
		font-size: 12px;
	}
	.casePage .caseList li .text .info .number span {
		font-size: 14px;
	}
}
.contactPage {
	padding: 30px 0;
}
.contactPage .tab {
	margin-bottom: 14px;
	padding: 0 9px;
	box-sizing: border-box;
}
.contactPage .tab .tit{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: url(../images/arrow2.png) no-repeat right 20px center #016aab;
	font-size: 16px;
	color: #fff;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.contactPage .tab .tit.on{
	background-image: url(../images/arrow3.png);
}
.contactPage .tab ul{
	display: none;
}
.contactPage .tab li {
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border-bottom: solid 1px #fff;
}
.contactPage .tab li span {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}
.contactPage .tab li span:hover {
	color: #333333;
}
.contactPage .tab li.on span:hover,
.contactPage .tab li.on span {
	background: #dfdfdf;
	color: #333333;
	border: none;
}
.contactPage .tabBox{
	padding: 0 14px;
	box-sizing: border-box;
}
.contactPage .tabBox .text {
	margin-top: 10px;
}
.contactPage .tabBox .text a:hover {
	color: #333333;
}
.contactPage .mapBox {
	margin-top: 28px;
	padding: 0 14px;
	box-sizing: border-box;
}
.contactPage #allmap {
	margin-top: 20px;
	height: 300px;
}

.siteMap {
	padding: 30px 14px;
	box-sizing: border-box;
}
.siteMap .row {
	margin-bottom: 20px;
}
.siteMap .row .tit {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
}
.siteMap .row ul li{
	width: 25%;
}
.siteMap .row ul li a {
	width: 100%;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
}
.siteMap .row ul li a:hover {
	color: #666;
}
@media only screen and (max-width: 600px){
	.siteMap .row ul li {
		width: 50%;
	}
}
.fixedSidebar{
	display: none;
}



































}/*手机版css*/